<%-- 
    Document   : admin_sec_form
    Created on : Oct 2, 2011, 9:46:36 PM
    Author     : lexis
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel=StyleSheet href="style.css" TYPE="text/css" MEDIA=screen>
        <script type="text/javascript" src="js/jquery-1.5.min.js"></script>
        <script type="text/javascript" src="js/formValidator.js"></script>
        <title></title>
    </head>
    <body>
        <form id=user_info name="userForm" class="admin_sec">
            <fieldset>
                <legend>Add New Administrative Secretary</legend>
                <ol>

                    <div>
                        <li>
                            <label for=firstname>First Name</label>
                            <input id=firstName name=firstName type="textbox" placeholder="First Name" class="userInput">
                            <span class="error" id="firstNameError">First Name field is required</span>    
                        </li>

                    </div>
                    <div>
                        <li>
                            <label for=lastname>Last Name</label>
                            <input id=lastName name=lastName type=text placeholder="Last Name" class="userInput">
                            <span class="error" id="lastNameError">Last Name field is required</span>
                        </li>
                    </div>
                    <div>
                        <li>
                            <label for=othernames>Other Names</label>
                            <input id=otherName name=otherNames type=text placeholder="Other Names" class="userInput">
                        </li>
                    </div>

                    <div>
                        <li>
                            <label for=othernames>Image</label>
                            <input id=otherName name="image/*" type=file accept="images/" placeholder="Other Names" class="userInput">
                        </li>
                    </div>
                    <div>
                        <li>
                            <label for=dob>Date of Birth</label>
                            <input id=dob name=dob type=date placeholder="Date of Birth" class="userInput">
                            <span class="error" id="dobError">Date of Birth is required</span>
                        </li>
                    </div>

                    <div>
                        <li>
                            <label for=email>Email</label>
                            <input id=email name=email type=email placeholder="example@domain.com" class="userInput">
                            <span class="error" id="emailError">Email field is required</span>
                        </li>
                    </div>
                    <div>
                        <li>
                            <label for=password>Password</label>
                            <input id=password name=password type=password placeholder="Password" class="userInput">
                            <span class="error" id="passwordError">Password field is required</span>
                        </li>
                    </div>
                    <div>
                        <li>
                            <label for=address>Address</label>
                            <textarea id=address name=address rows=5 class="userInput"></textarea>
                            <span class="error" id="addressError">Address field is required</span>
                        </li>
                    </div>
                </ol>
            </fieldset>
            <fieldset>
                <button type=submit class="button">Save Data</button>
            </fieldset>
        </form>
    </body>
</html>

